<template>
  <div>
    <el-breadcrumb separator="/">
      <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item><a href="/">登录信息</a></el-breadcrumb-item>
    </el-breadcrumb>
    <el-card>
      <el-row :gutter="20">
        <el-col :span="12">
          <el-input placeholder="请输入内容">
            <el-button slot="append"
                       icon="el-icon-search"></el-button>
          </el-input>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple"></div>
        </el-col>
      </el-row>
    </el-card>
  </div>
</template>
<script>
import { getLoginLog } from '../../request/apis'
export default {
  data () {
    return {
      queryInfo: {
        pagenum: 1
      }
    }
  },
  created () {
    this.getUserList()
  },
  methods: {
    getUserList () {
      getLoginLog({ params: this.queryInfo }).then(res => {
        console.log(res)
      })
    }
  }
}
</script>
<style lang="less" scoped>
.item {
  padding: 18px 0;
}

.box-card {
  width: 480px;
}
</style>
